/*index page*/

#index-page #main-wrapper { width: 964px; }

.box { padding: 1px 1px 0 1px; background: #fff; border: solid 1px #c0c0c0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.box .body { width: 100%; height: 100%; background: #fff url(/t/bg/body/body-wrapper.png) repeat-x scroll 0 0; overflow: hidden; }

#index-page #promo { width:962px; padding: 0; }
#index-page #promo .viewport,
#index-page #promo .point { width: 962px; height: 450px; background: #CCC url(/t/loader-gray.gif) no-repeat scroll center center; }
#index-page #promo .viewport { z-index: 1; }
#index-page #promo .viewport .surface { width: 50000px; }
#index-page #promo .point { float: left; color: #ccc;}
#index-page #promo-prev,
#index-page #promo-next { display: none; cursor: pointer; position: absolute; z-index: 2; top: 195px; width: 61px; height: 60px; background: transparent url(common/photos-buttons.png) no-repeat; }
#index-page #promo:hover #promo-prev,
#index-page #promo:hover #promo-next { display: block; }
#index-page #promo-next { background-position: 0 0; right: 0;}
#index-page #promo-prev { background-position: -59px 0; left: 0px; }

#index-page .info-blocks { margin: 21px 0 0 0px; }
#index-page .info-blocks .box { float: left; width: 221px; height: 157px; overflow: hidden; margin-right: 21px; }
#index-page .info-blocks .last { margin-right: 0; }

#index-page .info-blocks a { font-size: 11px; text-decoration:none }
#index-page .info-blocks a:hover { text-decoration:underline }
#index-page .info-blocks dt { text-align: center; padding: 11px 0 0 0; }
#index-page .info-blocks dt b { font-size: 14px; color: #343b40; font-family: Arial; font-weight: normal;}
#index-page .info-blocks dd { height: 130px; width: 100%; }
#index-page .info-blocks .simple dd a { display: block; text-align: center; height: 95px; background: no-repeat center center; }
#index-page .info-blocks .simple dd a span { display: block; padding-top: 96px; }
#index-page .info-blocks .simple dd a img { display: block; }

/* more in cocktail */
.programica-rolling-images { position: relative; }
.programica-rolling-images .viewport { overflow: hidden; position: relative; z-index: 1; }
.programica-rolling-images .viewport .surface { padding: 0; margin: 0; }

#index-page .info-blocks .prev { left: 20px; }
#index-page .info-blocks .next { right: 20px; }

#index-page .info-blocks .viewport { margin: 0 35px; width: 151px; }
#index-page .info-blocks .viewport .surface { width: 10000px; }
#index-page .info-blocks .point { float: left; width: 151px; }
#index-page .info-blocks { width: 100%; height: 100%; }

#index-page .info-blocks .point a { display: block; text-align: center; }
#index-page .info-blocks .point a img { display: block; margin: 8px auto; }


